// import loadingUrl from '@/assets/img/loading.svg'

// function Loading(props) {
//   return (
//     <div className="index-loading">
//       <img className="index-loading-icon" src={loadingUrl} alt="" />
//       <p className="index-loading-text">Loading ...</p>
//     </div>
//   )
// }

@keyframes loadingTurn {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.index-loading {
  position  : fixed;
  top       : 50%;
  left      : 50%;
  text-align: center;
  transform : translate(-50%, -50%);
}

.index-loading-icon {
  width    : 40px;
  height   : 40px;
  animation: loadingTurn 2.5s linear infinite;
}

.index-loading-text {
  margin-top : 10px;
  font-size  : 18px;
  font-weight: 500;
  color      : #1890ff;
}